.sort {
    height: 100%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
   overflow-y: auto;
    
   .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

    nav {
        width: 100%;
        height: 50px;
        display: flex;
        line-height: 50px;
        border-bottom: 2px solid #ddd;

        .left {
            width: 50%;
            text-align: right;
            margin-right: 10px;

        }

        .right {
            width: 50%;
            margin-left: 10px;
        }

        .active {
            display: inline-block;
            border-bottom: 2px solid rgb(241, 71, 41);
            color: rgb(241, 71, 41);
        }
    }

    .content {
        display: flex;
        flex-direction: row;
        main {
            position: fixed;
            left:0;
            top:50px;
            height:auto;
            width: 100px;
            margin-bottom: 50px;
            font-size: 14px;
            border-right: 3px solid #ddd;

            .list {
                text-align: center;
                line-height: 50px;
                border-bottom: 2px solid #eee;
            }
            .active{
                background: #ddd;
                color: rgb(241, 71, 41);
            }

            span {
                font-size: 14px;
                
            }
        }
        .goods{
            width: 100%;
            height: 100%;
            background: #fff;
            padding-left:120px;
            overflow-y: auto;
            .top{
                min-height:200px;
                .van-nav-bar__text{
                    color: #666 !important;
                    
                }
               .van-grid{
                   width: 100%;
                   .van-grid-item{
                    flex-basis:33% !important;
                    padding-top: 40% !important;
                   }
                   span{
                    font-size: 14px;
                    color: #666;
                }
               } 
               
            }

            .bot{
                margin-top: 20px;
                min-height:200px;
                .van-nav-bar__text{
                    color: #666 !important;
                    
                }
               .van-grid{
                   width: 100%;
                   .van-grid-item{
                    flex-basis:33% !important;
                    padding-top: 40% !important;
                   }
                   span{
                       font-size: 14px;
                       color: #666;
                   }
               } 
               
            }
        }
    }
}